<div class="mui-content ">
  <div class="top-bar bg-linear">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="flex text-center">登录</div>
  </div>

  <div class="container">
    <div class="mui-input-row">
      <img class="user-img mui-block" src="./assets/images/user.png" alt="头像">
    </div>
    <div class="mui-input-row">
      <input type="text" class="mui-input-clear input-style" placeholder="请输入手机号" [(ngModel)]="mobile" maxlength="11">
    </div>
    <div class="mui-input-row">
      <input type="password" class="mui-input-password input-style" placeholder="请输入登录密码" [(ngModel)]="password">
    </div>
    <button type="button" class="mui-btn mui-btn-warning mui-btn-block bg-linear btn-login" (click)="logIn($event)">登录</button>
    <p class="mui-text-right"><a [routerLink]="['/attache/password']" class="gray-color">忘记密码？</a></p>
  </div>
  <footer class="bottom-link mui-block mui-text-center">
    <a [routerLink]="['/attache/regist']" class="gray-color">没有账号？立即注册</a>
  </footer>
</div>
